<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="../../../WEB-INF/plantilla/defecto.xhtml">
	<ui:define name="titulo">Consulta de movimientos de productos</ui:define>
	<ui:define name="contenido">
		<h1>Consulta de movimientos de productos</h1>
		<h:form>
			<p:accordionPanel>
				<p:tab title="Criterios de b&#250;squeda">
					<div class="filas">
						<div class="tercio">

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboOpeLog" value="Ope. log:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="cboOpeLog" styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgOpeLog"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgOpeLog" value="Log de Operaci&#243;n" />
									</div>
								</div>
								<p:message for="cboOpeLog" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtDepartamento" value="Departamento:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="txtDepartamento"
											styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgDepartamento"
											url="../../../presentacion/images/help.png" />
										<p:tooltip for="imgDepartamento" value="Departamento" />
									</div>
								</div>
								<p:message for="txtDepartamento" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtCampanya" value="Campaña:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="txtCampanya" styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgCampanya"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgCampanya" value="Campaña" />
									</div>
								</div>
								<p:message for="txtCampanya" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtPremio" value="Premio:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="txtPremio" styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgPremio"
											url="../../../presentacion/images/help.png" />
										<p:tooltip for="imgPremio" value="Premio" />
									</div>
								</div>
								<p:message for="txtPremio" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtFeria" value="Feria:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="txtFeria" styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgFeria"
											url="../../../presentacion/images/help.png" />
										<p:tooltip for="imgFeria" value="Feria" />
									</div>
								</div>
								<p:message for="txtFeria" />
							</div>
						</div>
						<div class="tercio">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboAlmacen" value="Gestor almac&#233;n:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="cboGestorAlmacen"
											styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgGestorAlmacen"
											url="../../../presentacion/images/help.png" />
										<p:tooltip for="imgGestorAlmacen"
											value="Gestor de Almac&#233;n" />
									</div>
								</div>
								<p:message for="cboGestorAlmacen" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboTipoMovimiento" value="Tipo movimiento:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="cboTipoMovimiento"
											styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgTipoMovimiento"
											url="../../../presentacion/images/help.png" />
										<p:tooltip for="imgTipoMovimiento" value="Tipo de Movimiento" />
									</div>
								</div>
								<p:message for="cboTipoMovimiento" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtProducto" value="Producto:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtProducto" />
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgProducto"
											url="../../../presentacion/images/help.png" />
										<p:tooltip for="imgProducto" value="Producto" />
									</div>
								</div>
								<p:message for="txtProducto" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtCodProducto"
										value="C&#243;digo producto:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtCodProducto" />
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgCodProducto"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgCodProducto"
											value="C&#243;digo de Producto" />
									</div>
								</div>
								<p:message for="txtCodProducto" />
							</div>
						</div>
						<div class="tercio">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtNumeroGuia" value="Nº gu&#237;a:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtNumeroGuia" styleClass="secCodigo" />-<p:inputText id="txtNumeroGuia1" styleClass="secSerie" />
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgNumeroGuia"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgNumeroGuia" value="N&#250;mero de Guia" />
									</div>
								</div>
								<p:message for="txtNumeroGuia" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtNumeroSolicitud" value="Nº solicitud :" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtNumeroSolicitud" />
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgNumeroSolicitud"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgNumeroSolicitud"
											value="N&#250;mero de Solicitud" />
									</div>
								</div>
								<p:message for="txtNumeroSolicitud" />
							</div>

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtFechaInicio" value="Fecha de Inicio:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:calendar id="txtFechaInicio" locale="es"
											pattern="dd/MM/yyyy" onkeypress="agregarSlash(this);" />
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgFechaInicio"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgFechaInicio" value="Fecha de Inicio" />
									</div>
								</div>
								<p:message for="txtFechaInicio" />
							</div>


							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtFechaFin" value="Fecha de Fin:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:calendar id="txtFechaFin" locale="es" pattern="dd/MM/yyyy"
											onkeypress="agregarSlash(this);" />
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgFechaFin"
											url="../../../presentacion/images/help.png" />
										<p:tooltip for="imgFechaFin" value="Fecha de Fin" />
									</div>
								</div>
								<p:message for="txtFechaFin" />
							</div>
						</div>

					</div>
					<div class="boton">
						<p:commandButton value="Buscar" icon="ui-icon-search" />
					</div>
					<div style="clear: both;"></div>

				</p:tab>
			</p:accordionPanel>
			<h2>Detalle de las Solicitudes</h2>
			<p:separator />
			<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
				style="width: 100%" var="solicitud"
				value="#{solicitudService.lstSolicitud}" scrollable="true"
				scrollHeight="150">
				<p:column styleClass="codigo">
					<f:facet name="header">
						<h:outputText value="Mov." />
					</f:facet>
					<h:outputText value="#{solicitud.sMovimiento}" />
				</p:column>

				<p:column styleClass="guia">
					<f:facet name="header">
						<h:outputText value="Nº Gu&#237;a" />
					</f:facet>
					<h:outputText value="#{solicitud.sNumGuia}" />
				</p:column>

				<p:column styleClass="operador">
					<f:facet name="header">
						<h:outputText value="Ope. Log" />
					</f:facet>
					<h:outputText value="#{solicitud.sOpeLog}" />
				</p:column>

				<p:column styleClass="trasp">
					<f:facet name="header">
						<h:outputText value="Transp." />
					</f:facet>
					<h:outputText value="#{solicitud.sTranp}" />
				</p:column>
				<p:column styleClass="codigo">
					<f:facet name="header">
						<h:outputText value="Nº Sol." />
					</f:facet>
					<h:outputText value="#{solicitud.sNumSolicitud}" />
				</p:column>

				<p:column styleClass="tipoMovimiento">
					<f:facet name="header">
						<h:outputText value="Tipo Mov." />
					</f:facet>
					<h:outputText value="#{solicitud.sTipoMotivo}" />
				</p:column>

				<p:column styleClass="motivo">
					<f:facet name="header">
						<h:outputText value="Motivo" />
					</f:facet>
					<h:outputText value="#{solicitud.sMotivo}" />
				</p:column>

				<p:column styleClass="bandera">
					<f:facet name="header">
						<h:outputText value="Bandera" />
					</f:facet>
					<h:outputText value="#{solicitud.SBandera}" />
				</p:column>

				<p:column styleClass="tipoSolicitud">
					<f:facet name="header">
						<h:outputText value="Tipo Solicitud." />
					</f:facet>
					<h:outputText value="#{solicitud.sTipSolicitud}" />
				</p:column>

				<p:column styleClass="solicitante">
					<f:facet name="header">
						<h:outputText value="Solicitante" />
					</f:facet>
					<h:outputText value="#{solicitud.sSolicitante}" />
				</p:column>

				<p:column styleClass="departamento">
					<f:facet name="header">
						<h:outputText value="Departamento" />
					</f:facet>
					<h:outputText value="#{solicitud.SDepartamento}" />
				</p:column>

				<p:column styleClass="companya">
					<f:facet name="header">
						<h:outputText value="Campaña" />
					</f:facet>
					<h:outputText value="#{solicitud.sCampanya}" />
				</p:column>

				<p:column styleClass="premio">
					<f:facet name="header">
						<h:outputText value="Premio" />
					</f:facet>
					<h:outputText value="#{solicitud.sPremio}" />
				</p:column>

				<p:column styleClass="feria">
					<f:facet name="header">
						<h:outputText value="Feria" />
					</f:facet>
					<h:outputText value="#{solicitud.sFeria}" />
				</p:column>
				<p:column styleClass="codigo">
					<f:facet name="header">
						<h:outputText value="Cod. BBVA" />
					</f:facet>
					<h:outputText value="#{solicitud.sCodBBVA}" />
				</p:column>
				<p:column styleClass="codigo">
					<f:facet name="header">
						<h:outputText value="Cod_OL" />
					</f:facet>
					<h:outputText value="#{solicitud.sCodOL}" />
				</p:column>
				<p:column styleClass="producto">
					<f:facet name="header">
						<h:outputText value="Producto" />
					</f:facet>
					<h:outputText value="#{solicitud.sProducto}" />
				</p:column>
				<p:column styleClass="cantidad">
					<f:facet name="header">
						<h:outputText value="Cantidad" />
					</f:facet>
					<h:outputText value="#{solicitud.iCantidad}" />
				</p:column>
				<p:column styleClass="tipoDestino">
					<f:facet name="header">
						<h:outputText value="Tipo de destino" />
					</f:facet>
					<h:outputText value="Destino 1" />
				</p:column>
				<p:column styleClass="cantidad">
					<f:facet name="header">
						<h:outputText value="Nro. Inspecci&#243;n" />
					</f:facet>
					<h:outputText value="1" />
				</p:column>
				<p:column styleClass="codigo">
					<f:facet name="header">
						<h:outputText value="Nro. Carta" />
					</f:facet>
					<h:outputText value="001" />
				</p:column>
				<p:column styleClass="estado">
					<f:facet name="header">
						<h:outputText value="Est. Prodxpto. des." title="Est. Prodxpto. destino"/>
					</f:facet>
					<h:outputText value="ESTADO1" />
				</p:column>
					<p:column styleClass="tipoDevuelto">
					<f:facet name="header">
						<h:outputText value="Tipo de devuelto" />
					</f:facet>
					<h:outputText value="TDEV01" />
				</p:column>
				<p:column styleClass="cantidad">
					<f:facet name="header">
						<h:outputText value="Intentos" />
					</f:facet>
					<h:outputText value="1" />
				</p:column>
				<p:column styleClass="fechaHora">
					<f:facet name="header">
						<h:outputText value="Fecha de Movimiento" />
					</f:facet>
					<h:outputText value="28/01/2012" />
				</p:column>
				<p:column styleClass="observaciones">
					<f:facet name="header">
						<h:outputText value="Observaci&#243;n" />
					</f:facet>
					<h:outputText value="Observacion 1" />
				</p:column>
				<f:facet name="footer">  
          			 Total registros #{fn:length(solicitudService.lstSolicitud)}  
        		</f:facet>
			</p:dataTable>
			<div class="opcionesTabla" style="text-align: left;">
				<p:commandButton value="Exportar" icon="ui-icon-disk" />
				<div style="clear: both;"></div>
			</div>
			<div style="clear: both;"></div>
		</h:form>
	</ui:define>

</ui:composition>